<template>
  <view class="system-message">
    <text >{{ message }}</text>
  </view>
</template>

<script setup lang="ts">
import { computed } from "vue";
const props = defineProps({
  content: {
    type: Object,
    default: {
      content: "",
      type: 0
    }
  }
});



const message = computed(() => {
  if (props.content.type === 2102) {
    return "客服已接入，即将为您服务";
  } else if (props.content.type === 2101) {
    return "服务已结束，感谢您的咨询";
  } else {
    return props.content.content;
  }
});


</script>

<style scoped lang="scss">
.system-message {
  font-size: 28rpx;
  margin-bottom: 10rpx;
  text-align: center;
  color: #7e7e7e;
}
</style>
